<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/eat.css" rel="stylesheet" />

		<style>
			img {
				width: 120px;
				height: 120px;
			}

			.btnming {
				font-size: 10px;
				float: right;
				margin: 2px 8px 0 0;
				padding: 1px 4px 1px 4px;
				position: absolute;
				top: -43px;
				right: 10px;
			}

			.btnmai {
				float: right;
				width: 70px;

				margin: -5px 0 0 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav "></a>
			<h1 class="mui-title">社区食堂</h1>
		</header>

		<div id="box1">
			<div class="box1-1">
				<a href="#taocan">
					<p class="text1">套餐</p>
				</a>
			</div>
			<div class="box1-1">
				<a href="#zhushi">
					<p class="text1">主食</p>
				</a>
			</div>
			<div class="box1-1">
				<a href="#sucai">
					<p class="text1">素菜</p>
				</a>
			</div>
			<div class="box1-1">
				<a href="#huncai">
					<p class="text1">荤菜</p>
				</a>
			</div>
			<div class="box1-1">
				<a href="#yinpin">
					<p class="text1">饮品</p>
				</a>
			</div>
			<div class="box1-1">
				<a href="#zhoutang">
					<p class="text1">粥/汤</p>
				</a>
			</div>
		</div>

		<div id="box2">
			<div id="taocan" class="bug1"></div>
			<p class="text2">套餐</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">套餐名称套餐名称套餐</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">套餐名称套餐名称套餐</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">套餐名称套餐名称套餐</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">套餐名称套餐名称套餐</h4>
					<p>月售30份</p>
					<h4 id="zhushi" class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>

			<p class="text2">主食</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">主食名称主食名称主食</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">主食名称主食名称主食</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">主食名称主食名称主食</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">主食名称主食名称主食</h4>
					<p>月售30份</p>
					<h4 id="sucai" class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>

			<p class="text2">素菜</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">素菜名称素菜名称素菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">素菜名称素菜名称素菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">素菜名称素菜名称素菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">素菜名称素菜名称素菜</h4>
					<p>月售30份</p>
					<h4 id="huncai" class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>

			<p class="text2">荤菜</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">荤菜名称荤菜名称荤菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">荤菜名称荤菜名称荤菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">荤菜名称荤菜名称荤菜</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">荤菜名称荤菜名称荤菜</h4>
					<p>月售30份</p>
					<h4 id="yinpin" class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>

			<p class="text2">饮品</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">饮品名称饮品名称饮品</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">饮品名称饮品名称饮品</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">饮品名称饮品名称饮品</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">饮品名称饮品名称饮品</h4>
					<p>月售30份</p>
					<h4 id="zhoutang" class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>

			<p class="text2">粥/汤</p>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">粥/汤名称粥/汤名粥/汤</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">粥/汤名称粥/汤名粥/汤</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">粥/汤名称粥/汤名粥/汤</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
			<div class="box2-2">
				<img src="" alt="" />
				<div class="box2-2-1">
					<h4 class="text3">粥/汤名称粥/汤名粥/汤</h4>
					<p>月售30份</p>
					<h4 class="text4">￥30
						<button type="button" class="btnmai mui-btn mui-badge-blue">购买</button>
						<button type="button" class="btnming mui-btn mui-badge-red">名厨亮灶</button>
					</h4>
				</div>
			</div>
		</div>

		<script src="../js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
			
			mui('.mui-bar').on('tap','a',function(){
			  mui.openWindow('index.html','index',{})
			}) 
		</script>
	</body>

</html>